<template>
	<view class="area" v-if="vk.getVuex('$user.userInfo').role[0] == 'admin'">
		<total-count></total-count>
		<block>
			<jump-list></jump-list>
		</block>
		<chart-service-order ref="chartServiceOrder"></chart-service-order>
		<view class="main">
			<chart-user-count ref="chartUserCount"></chart-user-count>
			<chart-user-pay ref="chartUserPay"></chart-user-pay>
		</view>
	</view>
	<view class="area"  v-else>
		欢迎光临
	</view>
</template>

<script>
import totalCount from "./total-count"
import jumpList from "./jump-list"
import chartServiceOrder from "./chart-service-order"
import chartUserCount from "./chart-user-count"
import chartUserPay from "./chart-user-pay"

export default {
	components: {
		totalCount,
		jumpList,
		chartServiceOrder,
		chartUserCount,
		chartUserPay
	}
}
</script>

<style lang="scss" scoped>
.area {
	background-color: #f5f5f5;
	padding: 0 2px;
}

.main {
	display: flex;
	justify-content: space-between;
	padding-top: 20px;
}
</style>
